<script lang="ts" setup>
import navigateTo from '@/utils/navigator'
import type { IOrder } from '@/typings/interface'

defineProps<{ order: IOrder }>()
</script>

<template>
  <view flex m="t-3.75" p="b-3.75" class="b-b b-#d7d7d7"
    @click="navigateTo(`/pages/video/detail?id=${order.product_id}`)">
    <image w-180 h-130 rounded-2 :src="order.product_img" />
    <view flex="~ col" justify-between text="#555555" class="w-50% ml-3">
      <text text-27 font-bold>
        {{ order.product_title }}
      </text>
      <text text-32>
        ¥{{ order.total_amount }}
      </text>
    </view>
  </view>
</template>
